page {
    height: 100%;
    width: 100%;
  }
  .page {
        
      background-size: 100% 100%;
      height: 100%;
      background-image: url("");
      .header {
        .header-title {
          padding-left: 10rpx;
          padding-top: 10rpx;
        }
      }
    
      .container {
        height: 70vh;
        .container-title {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 60rpx;
            color: #505050;
            padding-top: 60%;
        }
    
        .image-box {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .image {
            padding-top: 100rpx;
            width: 100rpx;
            height: 100rpx;
              .bg {
              width: 100rpx !important;
              height: 100rpx !important;
    
            }
          }
    
          .image-box-title {
            padding-top: 170rpx;
            font-size: 32rpx;
    
          }
        }
      }
    
      .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        .btn-box{
          width: 250rpx;
          height: 100rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          background-color: #43CF7C;
          border-radius: 10%;
          font-size: 32rpx;
          color:#fff;
        }
    
      }

      /* ---弹窗css--- */
  .modal-mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.5;
    overflow: hidden;
    color: #fff;
  }
  .modal-dialog {
    width: 72%;
    position: absolute;
    top: 30%;
    left: 14%;
    background: #fff;
    border-radius: 12rpx;
  }
  .modal-content{
    text-align: center;
  }
  .modal-content .show{
    width: 450rpx;
    height: 323rpx;
    display: block;
    margin: 0 auto;
    margin-top: -118rpx;
    z-index: 10000;
  }
  .iconWx{
    width:52rpx;
    height: 41rpx;
    padding-right: 20rpx;
  }
  .iconPhone{
    width:56rpx;
    height: 56rpx;
    padding-right: 15rpx;
  }
  .modal-content view:nth-of-type(2){
    font-size: 38rpx;
    color: #333333;
    line-height: 1;
  }
  .modal-content view:nth-of-type(3){
    font-size: 26rpx;
    color: #9c9c9c;
    margin: 18rpx 0 29rpx;
    line-height: 1;
  }
  .modal-content button:nth-of-type(1){
    width: 80%;
    height: 80rpx;
    border-radius: 60rpx;
    margin: 0 auto 80rpx;
    font-size: 30rpx;
    color: #fff;
    background: #31cc32;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0;
    box-sizing: border-box;
  }
  .modal-content button:nth-of-type(1)::after{
    border: none;
  }
  .modal-content  .wxLogin{
    font-size: 26rpx;
    color: #424242;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 38rpx 0 80rpx;
  }
  button::after{
    border: none;
  }
    }



